<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!DOCTYPE html>
<html>
    <head>
        <title>Hi Buy Bye - SHOP</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="css/mestre.css" type="text/css" />
    </head>
    <body>
        <c:import url="menu.jsp" />

        <div class="container">
            <div id="shop">
                <div id="shop-header">
                    <h1>TODOS OS PRODUTOS</h1>
                    <p>Nós vendemos coisas impressionantes</p>
                </div><!-- Fim SHOP-HEADER -->

                <div id="shop-topo">
                    <div class="shop-categoria">
                        <div class="btn-group">
                            <button class="btn dropdown-toggle btn-large btn-warning" data-toggle="dropdown">
                                Categorias
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">Categoria 1</a></li>
                                <li><a href="#">Categoria 2</a></li>
                                <li><a href="#">Categoria 3</a></li>
                                <li><a href="#">Categoria 4</a></li>
                            </ul>
                        </div>


                        <input class="span2" placeholder="Pesquisar..." type="text">

                    </div><!-- Fim CATEGORIA -->
                </div><!-- Fim SHOP-TOPO -->
                <div id="shop-item">
                    <div class="row">

                        <div class="itens">
                            <!-- Item 01 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 02 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220_2.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 03 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 04 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220_2.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 05 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 06 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220_2.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 07 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 08 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220_2.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div>

                        <div class="itens">
                            <!-- Item 09 -->
                            <ul class="thumbnails, span4">

                                <div class="thumbnail">
                                    <img src="img/300_220.png" alt="">
                                    <h5>Thumbnail label justo</h5>
                                    <p>
                                        Cras ut justo ultrices, dictum ligula id, aliquet nibh. Phasellus sollicitudin sagittis vulputate.
                                    </p>
                                    <h4>R$ 100.00</h4>
                                    <input class="btn btn-warning" type="submit" value="Comprar">
                                </div>

                            </ul>
                        </div><!-- Fim ITENS -->
                    </div><!-- Fim ROW -->
                </div><!-- Fim SHOP-ITEM -->
                <div id="shop-select">
                    <select>
                        <option>Option 01</option>
                        <option>Option 02</option>
                        <option>Option 03</option>
                        <option>Option 04</option>
                        <option>Option 05</option>
                    </select>
                </div><!-- Fim SHOP-SELECT -->
            </div><!-- Fim SHOP -->
        </div> <!-- Fecha Div Container -->
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <c:import url="rodape.jsp" />
    </body>
</html>
